<template>
<div class="market">
  <navbar>
    <div slot="left"></div>
    <p slot="center">权益超市</p>
  </navbar>
  <div class="mt"></div>
  <single-item :market="allMarketItemList"></single-item>
  <vant-tabbar></vant-tabbar>
</div>
</template>

<script>
import {allMarketItemList} from "../data/market";
import SingleItem from "./market/singleItem";
import Navbar from "../components/navbar/navbar";
import VantTabbar from "../components/vantTabbar/vantTabbar";
export default {
name: "market",
  components: {VantTabbar, Navbar, SingleItem},
  data(){
  return{
    titleArray: ["精选","文娱","美食","出行","健康","购物","教育"],
    allMarketItemList
  }
  }
}
</script>

<style scoped>
.mt{
  margin-top: 2rem;
}
</style>